.content{width: 1200px;margin: 15px auto 0;overflow: hidden;}
.left-list{width: 198px;border-top: 2px solid #6ac82c;border-left: 1px solid #ddd;border-right: 1px solid #ddd;}
.left-list li{border-bottom: 1px solid #ddd;}
.left-list-title{height: 40px;line-height: 40px;text-indent: 20px;}
.left-list-item{height: 42px;}
.left-list-item a{display: block;overflow: hidden;height: 42px;border-left: 4px solid #fff;transition: all 0.2s ease;}
.left-list-item div{width: 17px;height: 17px;border-radius: 50%;text-align: center;line-height: 13px;
    background-color: #fff;margin-top: 12px;margin-left: 18px;margin-right: 24px;color: #6ac82c;}
.left-list-item p{font-size: 14px;color: #333;line-height: 42px;}
.left-list-item a:hover{border-color: #6ac82c;}
.left-list-item a:hover p{color: #6ac82c;}
.active{border-color: #6ac82c !important;}
.active div{background-color: #6ac82c;color: #fff;}
.active p{color: #6ac82c;}
.right-page{width: 980px;}
.content-top{overflow: hidden;}
.content-top ul{overflow: hidden;margin-top: 15px;margin-left: 20px;}
.content-top ul li{float: left;}
.content-top ul .hover{border-bottom: 3px solid #6ac82c}
.content-top .li-item{width: 100px;text-align: center;;padding-bottom: 10px;color: #333;}
.content-top .li-item:hover{color: #6ac82c;cursor: pointer;}
.content-top .line{width: 1px;height: 20px;background-color: #dfdfdf;margin: 0 10px;}
.right-search{width: 295px;height: 34px;border: 1px solid #6ac82c;overflow: hidden;font-size: 14px;line-height: 34px;}
.right-search input{width: 220px;height: 34px;text-indent: 10px;}
.right-search div{width: 75px;height: 34px;text-align: center;background-color: #6ac82c;color: #fff;}
.right-search div:hover{cursor: pointer;background-color: #50a52d;}
.wrap{border: 1px solid #dfdfdf;background-color: #f8f8f8;overflow: hidden;color: #333;line-height: 36px;padding: 8px 0;}
.wrap .fa-file{line-height: 36px;color: #6ac82c;margin-left: 10px;}
.wrap-item1{margin-left: 10px;}
.wrap-item2{margin-left: 350px;}
.wrap-item3{margin-left: 80px;}
.wrap-item4{width: 125px;height: 34px;border: 1px solid #dfdfdf;margin-left: 80px;overflow: hidden;}
.wrap-item4 p{width: 95px;text-align: center;line-height: 34px;}
.wrap-item4 .float-r{width: 30px;}
.wrap-item4 .float-r div{width: 30px;height: 17px;line-height: 17px;text-align: center;color: #b9b9b9;}
.wrap-item4 .float-r div:hover{background-color: #e7e7e7;}
.wrap-item4 .float-r div:active{background-color: #dbdbdb;}
.wrap-item5{margin-left: 65px;}
.content-item{width: 100%;}
.content-item-time{font-size: 14px;color: #333;padding: 10px 0;}
.content-item-time span{margin-right: 120px;padding-left: 10px;}
.goods-item{background-color: #f8f8f8;overflow: hidden;padding: 10px;}
.goods-item>div{float: left;}
.goods-img img{width: 130px;height: 130px;display: block;}
.goods-detail{height: 130px;margin-left: 20px;}
.goods-detail p{color: #333;padding: 20px 0 12px;}
.goods-detail span{color: #999;}
.goods-user{line-height: 130px;color: #333;margin-left: 70px;}
.goods-pay{margin-left: 70px;}
.goods-pay p{color: #f05615;font-size: 18px;margin-top: 15px;}
.goods-pay a{display: block;color: #999;text-align: right;padding: 2px 3px;margin-top: 5px;font-size: 14px;cursor: pointer;}
.goods-pay a span{color: #2488e5;margin-right: 5px;}
.goods-pay .active{background-color: #2488e5;color: #fff;}
.goods-pay .active span{color: #fff;font-size: 20px;}
.goods-control{width: 150px;text-align: center;font-size: 14px;margin-left: 35px;}
.goods-control p{color: #333;margin: 20px 0 10px;}
.goods-control span{display: block;text-decoration: underline;color: #2488e5;margin-bottom: 5px;cursor: pointer;}
.goods-control span:hover{color: #2271C5;}
.footer{margin-top: 30px;}